<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>표준원산지관리시스템:::FTA 협정관리:::세번부호관리</title>
<link rel="stylesheet" type="text/css" href="<c:url value='/css/common.css'/>" media="all" />
<script language="JavaScript">
	function fn_search() {
		var form = document.forms['formOms07'];
		form.action="<c:url value='/codeMng/hs_selecthscode.do'/>";
		form.pageIndex.value = '1';
		form.submit();
	}

	function fn_linkPage(page) {
		var form = document.forms['formOms07'];
		form.action="<c:url value='/codeMng/hs_selecthscode.do'/>";
		form.pageIndex.value = page;
		form.submit();	
	}
</script>
</head>

<body onload="MM_preloadImages('<%=request.getContextPath()%>/images/tab_on_01.jpg','<%=request.getContextPath()%>/images/tab_on_02.jpg','<%=request.getContextPath()%>/images/tab_on_03.jpg')">

<!-- 바로가기 메뉴 -->
<div class="accessibility">
	<ul>
		<li><a href="#mainNav">주메뉴바로가기</a></li>
		<li><a href="#subMenu">서브메뉴바로가기</a></li>
		<li><a href="sub_contents">콘텐츠바로가기</a></li>		
	</ul>
</div>

<!-- top 영역 시작 -->
<div id="top">
	<!-- 로그인 사용자정보 시작 -->
	<%@include file="/WEB-INF/jsp/oms/include/userinfo.jsp" %>
	<!-- 로그인 사용자정보 끝 -->
</div>
<!-- top 영역 끝 -->

<!-- 왼쪽영역 시작 -->
<div id="left">
	<!-- 왼쪽메뉴 시작 -->
	<%@include file="/WEB-INF/jsp/oms/include/leftmenu.jsp" %>
	<!-- 왼쪽메뉴 끝 -->
	<!-- 대쉬보드 시작-->
	<%@include file="/WEB-INF/jsp/oms/include/dashboard.jsp" %>	
	<!-- 대쉬보드 끝-->
</div>
<!-- 왼쪽영역 끝 -->

<!-- 콘텐츠 영역 시작 -->
<div id="container">
	<h3 class="tit"><span><strong>HS코드 관리</strong></span></h3>
	<!-- 콘텐츠 감싸기 시작 -->
	<div id="contents">
		<div class="governing">
		원산지 판정을 위한 협정을 관리합니다.<br />
		협정을 선택하여 적용, 미적용을 적용함으로써 원산지 판정적용 여부를 결정할 수 있습니다.
		</div>	
		<br />
		<br />


	<!-- 데이터 테이블 시작 -->
	<div id="data">
		<form name="formOms07" method="post">
		<input type="hidden" name="pageIndex" value="${ftaSearchVO.pageIndex}"/>
		<!-- 조회영역 시작 -->
		<div class="search">
			<table cellpadding="0" cellspacing="0" class="topline">
				<colgroup>
					<col width="20%" />
					<col width="*" />
				</colgroup>
				<tr>
					<th class="thC">세번부호</th>
					<td class="tdGrayL"><label>
					  <input class="input" type="text" name="hsCode" value="${ftaSearchVO.hsCode}" autocomplete="off"/>
					</label></td>
				</tr>
			</table>
			<div class="btnR">
				<a href="#" onclick="fn_search()"><img src="<c:url value='/images/btn/btn_view.jpg'/>" alt="조회" border="0" /></a> 
			</div>
		</div>
		<!-- 조회영역 끝 -->
		<br />
		<table cellpadding="0" cellspacing="0" class="topline">
			<colgroup>
				<col width="8%" />
				<col width="70%" />
				<col width="10%" />
				<col width="12%" />
			</colgroup>
			<tr>
				<th class="thC">세번부호</th>
				<th class="thC">한글품명</th>
				<th class="thC">적용시작일자</th>
				<th class="thC">적용종류일자</th>
			</tr>
			<c:forEach var="hscd" items="${hscode}">
			<tr>
				<td class="tdGrayC"><c:out value="${hscd.hsCode}"/></td>
				<td class="tdGrayL"><c:out value="${hscd.korNm}"/></td>
				<td class="tdGrayL"><c:out value="${hscd.staDate}"/></td>
				<td class="tdGrayL"><c:out value="${hscd.endDate}"/></td>
			</tr>
			</c:forEach>
		</table>
		</form>
	</div>
	<!-- 데이터 테이블 끝 -->
	
	<!-- 페이징 시작 -->
	<div class="paginate"><ui:pagination paginationInfo = "${paginationInfo}" jsFunction="fn_linkPage" type="image"/></div>
	<!-- 페이징 끝 -->

	</div>
	<!-- 콘텐츠 감싸기 시작 -->
</div>
<!-- 콘텐츠 영역 끝 -->
</body>
</html>
